<div id="lookupdictdiv">
	<yu-panel :title="$t('lookupdict.sjzdpz')">
		<el-row :gutter="10">
			<el-col :span="5">
				<yu-toolBar>
					<el-button @click="createLkType">{{ $t('lookupdict.xz') }}</el-button>
					<el-button @click="updateLkType">{{ $t('lookupdict.xg') }}</el-button>
					<el-button @click="deleteLkType">{{ $t('lookupdict.sc') }}</el-button>
				</yu-toolBar>
				<yufp-ext-tree ref="lookuptypetree" @node-click="nodeClickFn" :height="height" :data-url="typeUrl" data-id="lookupTypeId"
				 data-label="lookupTypeName" :highlight-current="true" data-pid="upLookupTypeId" :filter-node-method="filterNode" default-expand-all>
				</yufp-ext-tree>
			</el-col>
			<el-col :span="9">
				<!--table start-->
				<yu-xform v-model="filterFormdata" related-table-name="filterTable" form-type="search">
					<yu-xform-group :column="2">
						<yu-xform-item :label="$t('lookupdict.lbbmhmc')" :placeholder="$t('lookupdict.lbbmhmc')" ctype="input" name="lookupName"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<el-button @click="addFilterRecord">{{ $t('lookupdict.xz') }}</el-button>
					<el-button @click="lookuptableEditFn">{{ $t('lookupdict.xg') }}</el-button>
					<el-button @click="dataFiltermultDeleteFn">{{ $t('lookupdict.sc') }}</el-button>
				</yu-toolBar>
				<el-table-x ref="filterTable" :height="mheight" :data-url="typetableUrl" :table-columns="tableColumns" @row-click="rowClickFn">
				</el-table-x>
				<!--table end-->
			</el-col>
			<el-col :span="10">
				<yu-xform v-model="itemFormdata" related-table-name="itemTable" form-type="search">
					<yu-xform-group :column="2">
						<yu-xform-item :label="$t('lookupdict.zddmhmc')" :placeholder="$t('lookupdict.zddmhmc')" ctype="input" name="lookupItemName"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<!-- <el-form-q :title="$t('lookupdict.sjzdnr')" :field-data="queryItemFields" :buttons="queryItemButtons" :columns="2"></el-form-q> -->
				<yu-toolBar>
					<el-button @click="createLkItem">{{ $t('lookupdict.xz') }}</el-button>
					<el-button @click="updateLkItem">{{ $t('lookupdict.xg') }}</el-button>
					<el-button @click="deleteLkItem">{{ $t('lookupdict.sc') }}</el-button>
					<el-button @click="refreshLkItem">{{ $t('lookupdict.hcsx') }}</el-button>
				</yu-toolBar>
				<el-table-x ref="itemTable" :height="mheight" :data-url="itemUrl" :table-columns="itemColumns" @row-click="itemClickFn">
				</el-table-x>
			</el-col>
		</el-row>

	</yu-panel>



	<el-dialog :center="true" :title="$t('lookupdict.lbml')" :visible.sync="lkTypeDialogVisible">
		<el-form-x ref="lookupTypeForm" :group-fields="lookupTypeFields" :buttons="lookupTypeButtons" :disabled="lookupTypeFormDisabled"
		 label-width="80px"></el-form-x>
	</el-dialog>

	<el-dialog :center="true" :title="$t('lookupdict.zdnr')" :visible.sync="lkItemDialogVisible">
		<el-form-x ref="lookupItemForm" :group-fields="lookupItemFields" :buttons="lookupItemButtons" :disabled="lookupItemFormDisabled"
		 label-width="120px"></el-form-x>
	</el-dialog>


	<el-dialog :center="true" :title="$t('lookupdict.sjzdlb')" :visible.sync="dialogVisible">
		<el-form-x ref="datafilterForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="120px"></el-form-x>
	</el-dialog>

	</div>